@CHARSET "UTF-8";
body{
	background-image: url(../img/registerback.jpg);
	}
	
	
html {
    font-family: "Lucida Sans", sans-serif;
}

* {box-sizing:border-box; }

.top{
	margin-top: 15%;	
	}
.bottom{
	margin-bottom: 20%;
	}


.img{
	  width:100%;
	  text-align: center;
	  height: auto;
	  float: left;
	   padding: 15px;
	
	}
@MEDIA only screen and (min-width: 420px) {
	 .img{
		 width:50%;
		 text-align: center;
	     height: auto;
		 }
}



 
	
 .clearfix:after {
    content: "";
    display: table;
    clear: both;
 }


img{
	width:100px;
	height:100px;
	border-radius: 50%;
	
	}

.desc{
	

	 
	 }
	 
	 
	 /* 定义keyframe动画，命名为blink */

@keyframes blink{
  0%{opacity: 1;}
  50%{opacity: 1;}
  50.01%{opacity: 0;} /* 注意这里定义50.01%立刻透明度为０，可以设置闪烁效果 */
  100%{opacity: 0;} 
}

/* 添加兼容性前缀 */

@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

/* 定义blink类*/
.blink{
	animation: blink .75s linear infinite;
	/* 其它浏览器兼容性前缀 */
	-webkit-animation: blink .75s linear infinite;
	-moz-animation: blink .75s linear infinite;
	-ms-animation: blink .75s linear infinite;
	-o-animation: blink .75s linear infinite;
	color: #dd4814;
	padding: 15px;
	text-align: center;
	
}
a{
	text-decoration: none;
	color: #FFFFFF;	
	}
a:hover{
	color: #E01D1D;	
	}


